<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>填写订单号</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <style>
    .copy-1{
    -moz-user-select: none;
    -moz-user-select: text;
    -moz-user-select: all;
    -webkit-user-select: none;
    -webkit-user-select: text;
    -webkit-user-select: all;
    -ms-user-select: none;
    -ms-user-select: text;
    -ms-user-select: all;
    -ms-user-select: element;
}
        html,
        body {
            height: 100%;
            background-color: transparent;
        }

        #box::-webkit-scrollbar {
            display: none;
        }

        #box ul li {
            padding: 10px 10px;
            border-bottom: 1px solid #ccc;
        }

        #box ul li img {
            display: block;
            margin: 0 auto;
            height: 20px;
        }

        #notice-1 {
            color: #fff;
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 1px solid red;
            text-align: center;
            line-height: 20px;
            background-color: red;
        }
    </style>
</head>

<body>
    <div id="interpolation">

    </div>

</body>
<script id="interpolationtmpl1" type="text/x-dot-template">
    {{=it.data.list[0].id}}
</script>
<script id="interpolationtmpl" type="text/x-dot-template">
    <ul class="aui-list aui-media-list" style="margin-top:10px;">
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-row">
                    <div class="aui-col-xs-6">
                        <span>ID：{{=it.data.list[0].id}}</span>
                    </div>
                    <div class="aui-col-xs-6">

                    </div>
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-media-list-item-inner">
                <div class="aui-list-item-media">
                    <img src="{{=fnSiteUrl(it.data.list[0].thumb)}}" style="width:120px;height:120px">
                </div>
                <div class="aui-list-item-inner" style="width:220px">
                    <div class="aui-list-item-text">
                        <div class="aui-list-item-title" style="white-space: nowrap;text-overflow:ellipsis;overflow:hidden;">{{=it.data.list[0].title}}</div>
                    </div>

                    <div class="aui-list-item-text">
                        <p>掌柜名称: {{=it.data.list[0].goods_ww}}</p>

                    </div>
                    <div class="aui-list-item-text">
                        <p>店铺名称: {{=it.data.list[0].store_name}}</p>

                    </div>
                    <div class="aui-list-item-text">
                        <p>宝贝价格: {{=it.data.list[0].goods_price}}</p>

                    </div>

                </div>
            </div>
        </li>
    </ul>
    <div style="background-color:#fff8d5;padding:10px;margin:10px;">
        <div style="color:red"><span id="notice-1">!</span>警告：</div>
        <p style="text-indent: 2em">1、严禁使用任何返利渠道下单，如淘宝客、返利网、爱淘宝等，否则扣除相应佣金；</p>
        <p style="text-indent: 2em">2、请勿使用信用卡、花呗、淘金币、集分宝等产生手续费的方式付款，否则扣除相应手续费；</p>
        <p style="text-indent: 2em">3、和卖家旺旺聊天时严禁提及试用，试用网，返款等信息。</p>
    </div>
    <div class="aui-timeline">
        <div class="aui-timeline-item">
            <div class="aui-timeline-item-label aui-bg-default text-light">NO.1</div>
            <div class="aui-timeline-item-inner">
                {{? it.data.list[0].type=="search"}}
                <div class="aui-card-list">
                    <div class="aui-card-list-header aui-border-b">
                        <div>打开 {{? it.data.list[0].source==1 }} 淘宝 {{?}} {{? it.data.list[0].source==2 }} 天猫 {{?}} {{? it.data.list[0].source==3 }} 京东 {{?}} {{? it.data.list[0].source==4 }} 拼多多 {{?}} APP,按照以下步骤找到宝贝：
                        </div>
                    </div>
                    <div class="aui-card-list-content-padded">
                        <p style="text-indent: 1em" onclick="alert(1)">关键字：<span class="copy-1">{{=it.data.list[0].keyword}}</span></p>
                        <input type="hidden"  value="{{=it.data.list[0].keyword}}"/ id="keywordCopy">
                        <p style="text-indent: 1em">排序方式：{{=it.data.list[0].sort}}</p>
                        <p style="text-indent: 1em">搜索范围：{{=it.data.list[0].address}}</p>
                        <p style="text-indent: 1em">筛选条件：{{=it.data.list[0].collect}}</p>
                    </div>
                    <div class="aui-card-list-content-padded">
                        <div class="aui-row aui-row-padded">

                            <div class="aui-col-xs-4">
                                <img src="{{=fnSiteUrl(it.data.list[0].wap_img)}}" />
                            </div>
                            <div class="aui-col-xs-4">
                                <img src="{{=fnSiteUrl(it.data.list[0].b_img)}}" />
                            </div>
                            <div class="aui-col-xs-4">
                                <img src="{{=fnSiteUrl(it.data.list[0].a_img)}}" />
                            </div>
                        </div>
                    </div>


                </div>
                {{?? it.data.list[0].type=="qrcode"}}
                <div class="aui-card-list">
                    <div class="aui-card-list-header aui-border-b">
                        <div>
                            恭喜您，以获得试用资格！{{? it.data.list[0].source==1 }} 淘宝 {{?}} {{? it.data.list[0].source==2 }} 天猫 {{?}} {{? it.data.list[0].source==3 }} 京东 {{?}} {{? it.data.list[0].source==4 }} 拼多多 {{?}}请扫描一下二维码：
                        </div>

                    </div>
                    <div class="aui-card-list-content-padded">
                        <div class="aui-row aui-row-padded">

                            <div class="aui-col-xs-6">
                                <img src="{{=fnSiteUrl(it.data.list[0].erwma)}}" />
                            </div>
                        </div>
                    </div>
                </div>
                {{?? it.data.list[0].type=="tkl"}}
                <div class="aui-card-list">
                    <div class="aui-card-list-header aui-border-b">
                        <div>
                            恭喜您，已获得试用资格！复制以下口令，打开{{? it.data.list[0].source==1 }} 淘宝 {{?}} {{? it.data.list[0].source==2 }} 天猫 {{?}} {{? it.data.list[0].source==3 }} 京东 {{?}} {{? it.data.list[0].source==4 }} 拼多多 {{?}}APP
                        </div>

                    </div>
                    <div class="aui-card-list-content-padded">
                        <div class="aui-row aui-row-padded">

                            <div class="aui-col-xs-12">
                                <h4><span class="copy-1">{{=it.data.list[0].tklar}}</span></h4>
                            </div>
                        </div>
                    </div>
                </div>
                {{?}}
            </div>
        </div>
        <div class="aui-timeline-item">
            <div class="aui-timeline-item-label aui-bg-default  text-light">NO.2</div>
            <div class="aui-timeline-item-inner">
                <div class="aui-card-list">
                    <div class="aui-card-list-header aui-border-b">试用说明</div>
                    <div class="aui-card-list-content-padded">
                        <p style="text-indent: 1em">下单价：{{=it.data.list[0].goods_price}}元， 返款：{{=it.data.list[0].goods_price}}</p>
                        <p style="text-indent: 1em">您需要花费{{=it.data.list[0].goods_price}}下单购买该宝贝，获得试用后返款{{=it.data.list[0].goods_price}}元，您只需花费0元即可获得该宝贝。</p>

                    </div>

                </div>
            </div>
        </div>

        <div class="aui-timeline-item">
            <div class="aui-timeline-item-label aui-bg-default  text-light">NO.3</div>
            <div class="aui-timeline-item-inner">
                <div class="aui-card-list">
                    <div class="aui-card-list-header aui-border-b">下单要求</div>
                    <div class="aui-card-list-content-padded">
                        <p style="text-indent: 1em">{{=it.data.list[0].goods_content}}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="aui-timeline-item">
            <div class="aui-timeline-item-label aui-bg-danger text-light">NO.4</div>
            <div class="aui-timeline-item-inner">
                <div class="aui-card-list">
                    <div class="aui-card-list-header aui-border-b" style="color:red">填写付款订单信息</div>
                    <div class="aui-card-list-content-padded">
                        <p style="text-indent: 1em">实际下单价格不能高于试用网上任务价格，如果高于，请先不要下单付款，先联系商家QQ或者联系平台客服说明情况。</p>
                        <p style="text-indent: 1em">下单后严禁擅自淘宝退货／退款，一经发现直接永久封号处理！</p>
                    </div>

                </div>
            </div>
        </div>
        <div class="aui-timeline-item">
            <div class="aui-timeline-item-label aui-bg-warning text-light">NO.5</div>
            <div class="aui-timeline-item-inner">
                <div class="aui-card-list">
                    <div class="aui-card-list-header aui-border-b">温馨提示：</div>
                    <div class="aui-card-list-content-padded">
                        <p style="text-indent: 1em">商家会于7个工作日内发货，请勿催单，如果超时未发货请联系商家QQ:{{=it.data.list[0].goods_qq}}</p>
                        <p style="text-indent: 1em">严禁转售中奖试用商品，一经发现，直接封号。</p>
                        <p style="text-indent: 1em">非质量问题，一律不予退换货，和商家协商，自行承担运费，质量存在问题请联系商家和平台客服处理。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

</script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="./conf/config.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="../script/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript">
    apiready = function() {
        initRefresh();
        fnGetData();

    };

    function fnGetData() {
        var orderId = api.pageParam.orderId;
        var userInfo = $api.getStorage('userInfo');
        //获取数据app中存入的数据然后分配到模板中；
        var random = userInfo.random;
        var userid = userInfo.userid;

        api.ajax({
            url: SITE_URL + 'index.php?m=api&c=appnew&a=order_details',
            method: 'post',
            data: {
                values: {
                    'userid': userid,
                    'random': random,
                    'order_id': orderId

                }
            }
        }, function(ret, err) {
            //alert(JSON.stringify(ret));
            switch (ret.status) {
                case 1:
                    fnUpdateList(ret);
                    api.refreshHeaderLoadDone(); //下拉刷新隐藏
                    break;
                case 2:
                    alert(ret.msg);
                    api.openWin({
                        name: 'login',
                        url: './login.html',
                        pageParam: {
                            name: 'test'
                        }
                    });

                    //然后关闭当前网页，跳转到另一个网页；
                    break;
                case 5:
                    fnUpdateListDefault();
                    api.refreshHeaderLoadDone(); //下拉刷新隐藏
                    break;
            }


        });
    }
    //下拉刷新，松开刷新
    function initRefresh() {
        api.setRefreshHeaderInfo({
            visible: true,
            loadingImg: 'widget://image/refresh.png',
            bgColor: '#ccc',
            textColor: '#fff',
            textDown: '下拉刷新...',
            textUp: '松开刷新...',
            showTime: true
        }, function(ret, err) {
            //fnGetGoodsList();
            fnGetData();
        });
    }

    function fnUpdateList(ret) {
        //alert(JSON.stringify(ret));
        //var dataInter = {"name":"Jake","age":31};
        var interText = doT.template($("#interpolationtmpl").text());
        $("#interpolation").html(interText(ret));

    }
</script>

</html>
